.mask {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}

.zmodal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;

  .main {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1002;
    padding: 24px;
    background: #1c3a6a;
    border-radius: 12px;
    transform: translateX(-50%) translateY(-50%);

    .success {
      display: block;
      width: 35px;
      height: 35px;
      margin: 0 auto;
      background: url('./images/result-success.png') no-repeat center / 100% 100%;
    }

    .title {
      margin: 12px 0 14px 0;
      color: #fff;
      font-size: 16px;
      text-align: center;
    }

    .tips {
      margin-bottom: 20px;
      color: #7688a5;
      text-align: center;
    }

    .rz,
    .kc {
      width: 160px;
      height: 36px;
      margin: 0 auto;
      color: #fff;
      line-height: 36px;
      text-align: center;
      background: #254df8;
      border-radius: 18px;
      cursor: pointer;
    }

    .kc {
      margin-top: 12px;
      background: #2f5083;
    }
  }

  .close {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 22px;
    height: 22px;
    cursor: pointer;
  }
}

.downloadPlayer {
  .content {
    height: 352px;
    padding: 49px 10px 10px 10px;

    .video {
      display: block;
      width: 48px;
      height: 48px;
      margin: 8px auto 20px auto;
      background: url('./images/icon-play.png') no-repeat center / 100%;
    }
    .title1 {
      height: 22px;
      margin-bottom: 12px;
      color: #fff;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
    }
    .title2 {
      height: 20px;
      margin-bottom: 6px;
      color: rgba(255, 255, 255, 0.4);
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
    }
    .help {
      display: block;
      height: 20px;
      margin-bottom: 20px;
      color: #4dbfff;
      font-weight: 400;
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      line-height: 20px;
      text-align: center;
      text-decoration: underline;
    }
    .buttons {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      .button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 200px;
        height: 44px;
        color: #000;
        font-weight: 600;
        font-size: 14px;
        background-color: #fff;
        border-radius: 6px;
        &:hover {
          opacity: 0.9;
        }
        &.primary {
          margin-right: 15px;
          color: #fff;
          background: #254df8;
        }
        .icon {
          width: 26px;
          height: 26px;
          margin-right: 6px;
          background: url('./images/icon-windows.png') no-repeat center / 100%;
          &.az {
            background: url('./images/icon-az.png') no-repeat center / 100%;
          }
        }
      }
    }
    .info {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 415px;
      height: 44px;
      margin: 0 auto;
      color: #fff;
      font-weight: 500;
      font-size: 14px;
      background: rgba(255, 255, 255, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 6px;
      .icon {
        position: relative;
        top: -2px;
        width: 26px;
        height: 26px;
        margin-right: 8px;
        background: url('./images/1.png') no-repeat center / 100%;
      }
    }
  }
  :global {
    .zmodal-main {
      padding: 0;
    }
  }
}
.anzhuopopover {
  :global {
    .ant-popover-title {
      display: none;
    }

    .ant-popover-inner {
      padding: 12px;
      background: #fff;
      border-radius: 8px;
    }
    .ant-popover-arrow {
      transform: translateX(97%) translateY(-50%);
    }
    .ant-popover-inner-content {
      padding: 0;
    }
    .ant-popover-arrow-content {
      background-color: #fff;
    }
  }
  .anzhuo {
    width: 150px;
    height: 150px;
    background: url('./images/anzhuo.png') no-repeat center / 100%;
  }
}
